<template>
  <div class="comTable">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: 'comTable'
}
</script>

<style lang="scss" scoped>
.comTable {
  $tableBorderColor: #dddfe6;
  $tableBgColor: #fff;
  $color: #444;
  $dftColor: #7b8897;
  table{
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid $tableBorderColor;
    border-left: 1px solid $tableBorderColor;
    th,td {
      border-right: 1px solid $tableBorderColor;
      border-bottom: 1px solid $tableBorderColor;
      background: $tableBgColor;
      text-align: center;
      color:$dftColor;
      line-height:50px;
    }
    th{
      font-size:16px;
      color:$color;
      font-weight:normal;
    }
    td{
      font-size:14px;
      color:$dftColor;
    }
  }
}
</style>

